<template>
    <view class="step17-box step-box">
        <UNavbar title="维修工具（总结）"> </UNavbar>
        <view class="tips">
            <view>作业完成后所有物品拍照</view>
        </view>
        <up-table class="manb20">
            <up-tr>
                <up-th>工具名称</up-th>
                <up-th>数量</up-th>
            </up-tr>
            <up-tr v-for="item in data.emps">
                <up-td>{{ item.name }}</up-td>
                <up-td>{{ item.num }}</up-td>
            </up-tr>
        </up-table>
        <view style="padding: 0 20rpx">
            <up-upload
                :fileList="fileList1"
                @afterRead="afterRead"
                @delete="deletePic"
                name="1"
                :maxCount="1"
            ></up-upload>
        </view>
        <TabStep @leftClick="onLeftClick" @rightClick="onRightClick"></TabStep>
    </view>
</template>

<script setup>
import { ref, reactive } from 'vue';
import TabStep from './TabStep.vue';
import UNavbar from '@/components/YNavbar/index.vue';
const data = reactive({
    emps: [
        {
            name: '电笔',
            num: '2',
        },
        {
            name: '十字螺丝刀大',
            num: '2',
        },
        {
            name: '十字螺丝刀小',
            num: '2',
        },
        {
            name: '尖嘴钳',
            num: '2',
        },
        {
            name: '斜口钳',
            num: '2',
        },
        {
            name: '万用表',
            num: '2',
        },
        {
            name: '10mmT型扳手',
            num: '1',
        },
        {
            name: '8mmT型扳手',
            num: '1',
        },
        {
            name: '活动扳手',
            num: '1',
        },
        {
            name: '撬棍',
            num: '1',
        },
        {
            name: '管钳',
            num: '1',
        },
        {
            name: '遥控器',
            num: '1',
        },
        {
            name: '工具包',
            num: '2',
        },
        {
            name: '锯子',
            num: '1',
        },
        {
            name: '内六角扳手',
            num: '1',
        },
        {
            name: '防护包',
            num: '2',
        },
        {
            name: '手电钻',
            num: '1',
        },
        {
            name: '水箱盖板',
            num: '1',
        },
    ],
});
const onLeftClick = () => {
    uni.navigateTo({
        url: '/pages/home/forms/step17',
    });
};

const onRightClick = () => {
    uni.navigateTo({
        url: '/pages/home/forms/step19',
    });
};
</script>

<style lang="scss">
.step17-box {
    .u-td {
        height: auto;
    }
}
</style>
